/* Standard-Stil für die Header-Links */
.nav-link {
    position: relative;
    color: black !important; /* Schrift bleibt schwarz */
    text-decoration: none !important; /* Standard-Unterstrich entfernen */
    padding: 5px 10px; /* Etwas Abstand für bessere Klickbarkeit */
    background: none !important; /* Kein Hintergrundwechsel */
    display: inline-block; /* Damit sich der Unterstrich nur auf die Textbreite bezieht */
}



/* Hover-Effekt */
.nav-link:hover {
    background: none !important; /* Kein Hintergrundwechsel */
}

/* Hintergrund des Dropdown-Menüs auf Grau setzen */
.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #eeecec!important;
    border: none;
}

/* Schriftfarbe der Dropdown-Elemente auf Schwarz setzen */
.navbar-dark .navbar-nav .show.dropdown-menu li a {
    color: black !important;
    background-color: #eeecec!important;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}

/* Sicherstellen, dass sich der Hintergrund und die Schriftfarbe beim Hover nicht ändern */
.navbar-dark .navbar-nav .show.dropdown-menu li a:hover,
.navbar-dark .navbar-nav .show.dropdown-menu li a:focus {
    background-color: #eeecec !important;
    color: black !important;
}